import React, {Fragment} from 'react';
import Demo from "./demo";
import {Button, Icon} from "react-ui-xmui";
import ButtonDemo1 from "./button/button.demo1";
import {pathFactory} from "../Helper/common";
import ButtonDemo2 from "./button/button.demo2";
import ButtonDemo3 from "./button/button.demo3";
import ButtonDemo4 from "./button/button.demo4";
import ButtonDemo5 from "./button/button.demo5";
import MarkdownSection from "./MarkdownSection";
import buttonMd from './button/button.md'

const Buttondemo = () => {
  return (
    <Fragment>
      <Demo name={pathFactory(1, 'button')} intro={'基本用法'}>
        <ButtonDemo1/>
      </Demo>
      <Demo name={pathFactory(2, 'button')} intro={'Button的类型'}>
        <ButtonDemo2/>
      </Demo>
      <Demo name={pathFactory(3, 'button')} intro={'加载中的按钮'}>
        <ButtonDemo3/>
      </Demo>
      <Demo name={pathFactory(4, 'button')} intro={'带图标的按钮'}>
        <ButtonDemo4/>
      </Demo>
      <Demo name={pathFactory(5, 'button')} intro={'按钮大小的调整'}>
        <ButtonDemo5/>
      </Demo>
      <MarkdownSection mdFile={buttonMd}/>
    </Fragment>

  );
};

export default Buttondemo;